import { message } from 'antd'
import axios from 'axios'
import store from '@/store'
import { getToken } from './storage'
import history from '@/utils/history'
import { logOut } from '@/store/actions/login'
const instance = axios.create({
  baseURL: process.env.REACT_APP_URL,
  timeout: 5000,
})

// 添加请求拦截器
instance.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    config.headers.Authorization = `Bearer ${getToken()}`
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
instance.interceptors.response.use(
  function (response) {
    // 对响应数据做点什么
    return response
  },
  function (error) {
    // console.log(error.response.statue === 401)
    // 1.对响应错误做点什么  token 过期
    if (!error.response) {
      message.error('网络繁忙,请稍后再试...')
      return Promise.reject(error)
    }
    if (error.response.status === 401) {
      // 2.提示
      message.error('用户信息过期,请重新登录')
      // 3.清除token
      store.dispatch(logOut())
      // window.location.href = '/login'
      // console.log(history.location.pathname)
      history.replace({
        pathname: '/login',
        state: {
          from: history.location.pathname,
        },
      })
    }
    return Promise.reject(error)
  }
)

export default instance
